.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}


.header{
     display: flex;
     .px2rem(height, 90);
//   height: 90px;
     align-items: center;
     background: linear-gradient(top,#f50000,#b40000);
     
     .left{
//       width: 80px;
//       height: 40px;
//       line-height: 40px;
//       border-radius: 10px;
//       margin-left: 20px;
         
         .px2rem(width, 80);
         .px2rem(height, 40);
         .px2rem(line-height, 40);
         .px2rem(border-radius, 10);
         .px2rem(margin-left, 20);
         color: white;
         border: 1px solid #aa1515;
         
         text-align: center;
         
         background: linear-gradient(top,#ff9d9d,#aa1515);
     }
     
     
     .center{
         flex: 1;
         .px2rem(font-size, 40);
         text-align: center; 
         color: white; 
        
     }
     
     .right{
//       width: 80px;
//       height: 40px;
//        margin-right: 20px;
//       line-height: 40px; 
//       border-radius: 10px;
         
         color: white;
         border: 1px solid #aa1515;
        
         text-align: center;
        
         
         
         .px2rem(width, 80);
         .px2rem(height, 40);
         .px2rem(line-height, 40);
         .px2rem(border-radius, 10);
         .px2rem(margin-left, 20);
         background: linear-gradient(top,#ff9d9d,#aa1515);
     }
     
    
}


.section{
    table{
//      margin: 10px auto ;
         .px2rem(margin-top, 10);
         .px2rem(margin-bottom, 10);
        
        tr{
//          height: 100px;
//          line-height: 100px;
//          font-size: 38px;
           
         .px2rem(height, 100);
         .px2rem(line-height, 100);
         .px2rem(font-size, 38);
            td{

                input{
//                  padding:10px 0px 10px 10px ;
                    .px2rem(padding, 10);
                    .px2rem(padding-top, 0);
                    .px2rem(border-radius, 10);
                    border: 1px solid darkgray;
//                  border-radius:10px ;
                }
            }
        }
        .right{
            text-align: right;
        }
        
    }
    
    
    .foot{
        margin: 0 auto;
        text-align: center;
        color: white;
        background: linear-gradient(top,#fd7474,#ad1919);
        width: 90%; 
//      height: 60px;
//      line-height: 60px;
//      font-size: 40px;
//      border-radius: 10px;
        .px2rem(height, 60);
        .px2rem(line-height,60);
        
        .px2rem(font-size, 40);
        .px2rem(border-radius, 10);
    }
    
    
    
}



























